import React from 'react'
import { Layout, theme } from 'antd'
import { useAppStore } from '@/store/app'
import SideMenu from '@/components/SideMenu'
import Logo from '@/components/Logo'
import styles from './index.module.less'
const { Sider } = Layout

const SideBar: React.FC = () => {
  const { collapsed } = useAppStore()
  const {
    token: { colorBgContainer }
  } = theme.useToken()

  return (
    <Sider collapsed={collapsed} style={{ background: colorBgContainer }} className={styles.sideBar}>
      <Logo />
      <SideMenu mode='inline'></SideMenu>
    </Sider>
  )
}

export default SideBar
